<template>
  <div>
    <span style="margin-bottom: 10px;font-size: 16px;">
      我的实验室
    </span>
    <hr/>
    <el-row class="rowspan">
      <el-col :span="6">
        <el-badge :value="1" :max="5" type="primary" class="item">
          <el-button class="button_s">教学实验室</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="1" :max="5" type="primary" class="item">
          <el-button class="button_s">科研实验室</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="1" :max="5" type="primary" class="item">
          <el-button class="button_s">国家、省实验平台</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="112" :max="300" type="primary" class="item">
          <el-button class="button_s">实验室仪器数量</el-button>
        </el-badge>
      </el-col>
    </el-row>
    <el-row class="rowspan">
      <el-col :span="6">
        <el-badge :value="5" :max="50" type="primary" class="item">
          <el-button class="button_s">普通化学品种</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="12" :max="20" type="primary" class="item">
          <el-button class="button_s">危险化学品种</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="1" :max="5" type="primary" class="item">
          <el-button class="button_s">气瓶</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="200" :max="500" type="primary" class="item">
          <el-button class="button_s">实低实直备品</el-button>
        </el-badge>
      </el-col>
    </el-row>

    <el-row class="rowspan">
      <el-col :span="6">
        <el-badge :value="1" :max="5" type="primary" class="item">
          <el-button class="button_s">未完成任务</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="3" :max="5" type="primary" class="item">
          <el-button class="button_s">待办理流程</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">
        <el-badge :value="3" :max="10" type="primary" class="item">
          <el-button class="button_s">未读消息数</el-button>
        </el-badge>
      </el-col>
      <el-col :span="6">

      </el-col>
    </el-row>

  </div>
</template>

<script>
export default {
  name:"Statistic"
}
</script>


<style scoped>
.item {
  margin-top: 10px;
  margin-right: 40px;
  font-size: 12px;
}
.rowspan {
  margin-top: 30px;
  margin-bottom: 30px;
}
.button_s{
  width: 140px;
  height: 45px;
  font-size: 14px;
}
</style>
